<script type="text/javascript">
$(function(){
	$('#search_area').css('display','block');
	$('#favorite_area').css('display','block');
	$('#userstatus_area').css('display','block');
	$('div#login_area').css('display','none');
	$('div#userstatus_area').css('top','310px');
	$('div#userstatus_area').css('height','40px');
	$('div#search_area"').css('top','370px');
	$('div#favorite_area').css('top','885px');
	$('div#favorite_area').css('height','430px');
	$('div#cart').css('height','380px');
	$('div#koukoku_hidari_tate_area"').css('top','1335px');
	$('div#koukoku_hidari_tate2_area"').css('top','1635px');
	$('div#koukoku_migi_tate_area').css('top','1935px');

	var $books = $('#books');
    var $cart = $('#cart');
    
    //var $maxcnt = 15;
    //var $ui_icon = '<a href="#" title="商品詳細情報（もしも）" class="ui-icon ui-icon-note">商品詳細情報（もしも）</a><a href="#" title="商品詳細内容" class="ui-icon ui-icon-calculator">商品詳細内容</a><a href="#" title="コメントを追加する" class="ui-icon ui-icon-comment">コメントを追加する</a><a href="#" title="サイトを作成する" class="ui-icon ui-icon-document">サイトを作成する</a><a href="#" title="お気に入りから消す" class="ui-icon ui-icon-trash">この商品をお気に入りから消す</a>';
    $('#jyuufukuerrdialog').append('<P>選択された商品はすでに登録されています、<br>お気に入り商品に登録を行う事ができません。</P>');
    $('#comment-dialog-form').append('<p class="validateTips">コメントを入力してください。</p><form><fieldset><textarea cols="40" rows="30" name="comment" id="comment" class="text ui-widget-content ui-corner-all"></textarea></fieldset></form>');


	//お気に入り商品を取得して表示する
	getArticleList($cart);

	// イメージをドラッグできるようにする      
  $('li', $books).draggable({
    cancel: 'a.ui-icon',
    revert: 'invalid',
    containment: 'document',
    helper: 'clone',
    cursor: 'move'
  });

    // かごにイメージをドロップできるようにする
  $cart.droppable({
    accept: '#books > li',
    activeClass: 'ui-state-highlight',
    drop: function(ev, ui) {
      addImage(ui.draggable,$cart);
    }
  });

    // 商品リストにイメージをドロップできるようにする
    $books.droppable({
      accept: '#cart li',
      activeClass: 'custom-state-active',
      drop: function(ev, ui) {
        removeImage(ui.draggable,$cart);
      }
    });


	//console.info('click');
	
	//　イメージの各種アイコンをクリックしたときの処理
    $('ul.books > li').click(function(e) {
      var $item = $(this);
      var $target = $(e.target);

      if ($target.is('a.ui-icon-plus')) {
        addImage($item,$cart);
      } else if ($target.is('a.ui-icon-trash')) {
        removeImage($item,$cart);
      } else if ($target.is('a.ui-icon-comment')) {
    	  editcomment($item);
      } else if ($target.is('a.ui-icon-note')) {
    	  dsparticlemoshimo($item);
          return true;
      } else if ($target.is('a.ui-icon-document')) {
    	  makesite($item);
      } else if ($target.is('a.ui-icon-calculator')) {
    	  dsparticle($item);
      } else if ($target.is('a.ui-icon-newwin')) {
    	  favborder($item,$cart);
      }else{
          return true;
      }
      return false;
    });

    $('div.fav_menu').click(function(e) {
    	multiarticlehtml($cart);
    });
});
</script>

右の【<b>商品検索</b>】の各項目を入力して「検索」ボタンをクリックしてください。<br><br>

<?php
if ($all_count  > 0) {
	
	echo '<div class="demo ui-widget ui-helper-clearfix">';
		echo '<ul id="books" class="books ui-helper-reset ui-helper-clearfix">';
				
		foreach($results as $fvalue){ 
				
				
				echo '<li class="ui-widget-content ui-corner-tr">';
					echo '<h5 class="ui-widget-header">'. $fvalue['name']. '</h5>';
					
				//echo '<a href="http://image.moshimo.com/item_image/'. $fvalue['image_code']. '/1/r.jpg"'. ' title="拡大表示" class="ui-icon ui-icon-zoomin">拡大表示</a>';
				echo '<a href="#nogo" title="お気に入りに追加" class="ui-icon ui-icon-plus">この商品をお気に入りに追加</a>';
				
					echo '<div id="article_status" class="article_status">';
					if($fvalue['isnewly'] == '1'){
						echo $html->image('icon-new.gif', array('width' => 55, 'height' => 17));
					}
					if($fvalue['heavyseller'] == '1'){
						echo $html->image('icon-salable.gif', array('width' => 50, 'height' => 17));
					}
					if($fvalue['isdeliverysameday'] == '1'){
						echo $html->image('icon-ships-sameday.gif', array('width' => 55, 'height' => 17));
					}
					if($fvalue['hasmaterial'] == '1'){
						echo $html->image('icon-material.gif', array('width' => 55, 'height' => 17));
					}
					if($fvalue['isfreeshipping'] == '1'){
						echo $html->image('icon-free-shipping.gif', array('width' => 55, 'height' => 17));
					}
					echo '</div>';
					
					echo '<div id="articleid" class="articleid">';
					echo '<input type="hidden" name="articleid" value="'. $fvalue['article_id']. '" >';
					echo '</div>';
					
					echo '<div id="picture" class="picture">';
					//echo '<a href="https://www.moshimo.com/shop/items/detail?aid='.$fvalue['article_id']. '" target="_blank">';
					echo '<img src="http://image.moshimo.com/item_image/'. $fvalue['image_code']. '/1/r.jpg"'. ' title="'. $fvalue['name']. '" width="96px" height="120px align="top" />';
					//echo '</a>';
					echo '</div>';
					
					echo '<div id="article" class="article">';
					echo '商品ID<br>';
					echo '親カテゴリ<br>';
					echo 'カテゴリ<br>';
					echo '在庫状況<br>';
					echo '配送目安<br>';
					echo '<div id="article_info" class="article_info">';
					echo ':'. $fvalue['article_id']. '<br>';
					echo ':'. $fvalue['parent_category_name']. '<br>';
					echo ':'. $fvalue['category_name']. '<br>';
					echo ':'. $fvalue['stock_status']. '<br>';
					echo ':'. $fvalue['dod_from']. "日 ～ ". $fvalue['dod_to']. "日". '<br>';
					echo '</div>';
					echo '</div>';
					
					echo '<div id="article_price" class="article_price">';
					echo '希望小売価格<br>';
					echo '標準利益価格<br>';
					echo '標準利益率<br>';
					echo '推奨販売価格<br>';
					echo '最低販売価格<br>';
					echo '卸価格<br>';
					echo '販売価格<br>';
					echo '<div id="article_price_info" class="article_price_info">';
					echo ':'. $fvalue['fixed_price']. '<br>';
					echo ':<font color="#39B54A"><b>'. $fvalue['default_price']. '</b></font><br>';
					echo ':'. $fvalue['default_Rate']. '<br>';
					echo ':'. $fvalue['recommended_price']. '<br>';
					echo ':'. $fvalue['minimum_price']. '<br>';
					echo ':'. $fvalue['wholesale_price']. '<br>';
					echo ':<font color="red"><b>'. $fvalue['shop_price']. '</b></font><br>';
					echo '</div>';
					echo '</div>';
					
					echo '<div id="article_tool" class="article_tool">';
					if($fvalue['preorderflag'] == '1'){
						echo '<font color="#39B54A"><b>予約販売：'. $fvalue['preorderperiod']. '</b></font><br>';
					}
					echo '<a href="http://www.moshimo.com/article/'. $fvalue['shop_id']. '/'. $fvalue['article_id']. '" target="_blank">販売ページ</a><br>';
					echo '<a href="https://www.moshimo.com/shop/items/detail?aid='.$fvalue['article_id']. '" target="_blank">商品詳細</a><br>';
					if($fvalue['hasmaterial'] == '1'){
						echo '<a href="https://www.moshimo.com/images/shop/service/material/items/'. $fvalue['article_id']. '.zip" target="_blank"  title="素材">素材ダウンロード</a>';
					}
					echo '</div>';
					
					echo '<div id="article_descript" class="article_descript">';
					echo $fvalue['descript_b'];
					echo '</div>';
					
					
				echo '</li>';
			};
		echo '</ul>';
	echo '</div>';
	  
}
?>
<div id="dialog" >
<div id=jyuufukuerrdialog title="お気に入り商品に登録重複エラー" >
</div>

<div id=tenerrdialog title="お気に入り商品の件数エラー" >
</div>

<div id="comment-dialog-form" title="コメント編集" >
</div>

<div id=price-dialog title="価格内容" >
	<div id = price></div>
</div>

<div id=add-dialog title="お気に入り商品に追加完了" >
	<div id = addarticle></div>
</div>
</div>

<?php if ($all_count == 0) { ?>
<SCRIPT type=text/javascript>
	$(function() {
		alert('検索を行いましたが検索結果は0件でした。検索項目を再度入力しなおして検索を行ってください。');
	});
</SCRIPT>
<?php } ?>










 
 
 